<template>
  <div class="logo" v-if="setting.logoHidden">
    <img :src="setting.logo" alt="" />
    <p>{{ setting.title }}</p>
  </div>
</template>

<script lagn="ts" setup name="Logo">
import setting from '@/setting'
</script>

<style scoped lang="scss">
.logo {
  width: 100%;
  height: $base-menu-logo-height + 10px;
  text-align: center;
  p {
    color: rgb(231, 241, 244);
    margin: 10px 0;
  }
}
</style>
